<template>

    <div class="container m-t20">
        <div class="banner-img">
            <img src="http://api.ddhk.net/storage/images/13/about_us/20250910091224622822.jpg" alt="">
        </div>
        
    </div>
    <div class="container">
        <div class=" about-us-text">
            <h3>
                About Us
            </h3>
            <p>
                We are an equipment company specializing in Livestock Machinery,The company was established in 2012,and its business covers everything from manufacturing to installation and after-sales service.The factory is located in Jiaozhou,Qingdao,Shandong Province.The total area is 4,000 m². There is a 150 m² office in Chengyang District,Qingdao City,and a trading company in Osaka,Japan.
            </p>
        </div>
        
    </div>

    <div class="container strategy">
        <div class="banner-img">
            <img src="http://api.ddhk.net/storage/images/13/about_us/20250910091227272395.jpg" alt="">
        </div>
        <div class="text-field">        
            <h3>
                Our Strategy
            </h3>
            <p class="zhongdian">To be the first choice for our customers.</p>
            <p>
                Establish and consolidate the position of hidden champions in the industry,further reduce the failure rate of products,deliver goods quickly,strive to enhance customer satisfaction,build an outstanding corporate culture and cultivate excellent talents.
            </p>
        </div>
    </div>

    <div class="container five-value">
        <h3 class="title">Our Values</h3>
        <div class="list">
            <div class="item">
                <img src="/src/assets/img/aboutus/icon_aboutus_1.png" alt="">
                <h3>Customer</h3>
                <p>
                    We adhere to the principle that the interests of our customers take precedence over those of the company.
                </p>
            </div>
            <div class="item">
                <img src="/src/assets/img/aboutus/icon_aboutus_2.png" alt="">
                <h3>Employees</h3>
                <p>
                    Employees are the key toour success, and treating them well is our fundamental principle. Since the establishment of our company,we have been committed to creating an"open, transparent,just and fair"working environment.
                </p>
            </div>
            <div class="item">
                <img src="/src/assets/img/aboutus/icon_aboutus_3.png" alt="">
                <h3>Suppliers</h3>
                <p>
                    Excellent suppliers are an important guarantee for our success.Respecting and paying the goods in a timely manner are the two magic weapons for us to win over outstanding suppliers.
                </p>
            </div>
            <div class="item">
                <img src="/src/assets/img/aboutus/icon_aboutus_4.png" alt="">
                <h3>Professionalism</h3>
                <p>
                    We do the right thing,not just do things righ.
                </p>
            </div>
            <div class="item">
                <img src="/src/assets/img/aboutus/icon_aboutus_5.png" alt="">
                <h3>Quality</h3>
                <p>
                    We always adhere to the fundamental principle of giving priority to quality.
                </p>
            </div>
        </div>
    </div>

    <div class="container pig">
        <div class="banner-img">
            <img src="http://api.ddhk.net/storage/images/13/about_us/20250910091230589267.jpg" alt="">
        </div>
        <div class="text-field">        
            <h3>
                Corporate Mission
            </h3>
            <p>
                As a manufacturer of livestock equipment, Dedahaikang has always been committed to the pursuit of professional technological innovation and perfect product quality, dedicated to keeping China's aquaculture equipment in step with the world, and creating better investment returns and customer experience for customers.
            </p>
            <p>
                The way to achieve this goal is to realize the uniqueness of the product through a "humble and serious" working attitude. We are committed to developing a global brand that encompasses our core values, scientific attitude and transparency.
            </p>
        </div>
    </div>

    <div class="container exp">
        <h3>
            Product Experience
        </h3>

        <p>
            We focus on the production, sales and after-sales service of livestock machinery.The founder of our company has over 30 years of experience in the livestock industry.Since its establishment in 2012,our company has been committed to the livestock machinery industry,concentrating on pig farming equipment.
        </p>
        
    </div>
</template>    

<style lang="less" >

.m-t20{
    margin-top:20px;
}
    .banner-img{

        img{
            width:100%;
        }
    }
    .about-us-text{

        background-color: #004d7b;
        width:80%;
        margin: 0 auto;
        // margin-top:-20px;
        position:relative;

        top:-40px;
        padding:20px;
        box-sizing: border-box;

        text-align: center;
        color:#fff;

    }

    .strategy{

        position:relative;
        .text-field{

            width:38%;
            // height:400px;
            position:absolute;

            top:50px;
            right:150px;

            background-color: #fff;

            padding:20px;
            box-sizing: border-box;

            .zhongdian{
                color:#004d7b;
                font-weight: bold;
            }


        }
    }

    .five-value{
        
        .title{
            text-align: center;

        }
        .list{

            display: flex;
        
            flex-wrap: wrap;
            .item{

                width:20%;

                text-align: center;
                padding:20px;

                img{

                    width:90%;
                    max-width:160px;

                }
            }
        }
    }

    .pig{

        position:relative;

        .text-field{

            width:40%;
            position:absolute;

            top:50px;
            left:150px;

            background-color: #fff;

            padding:20px;
            box-sizing: border-box;

            .zhongdian{
                color:#004d7b;
                font-weight: bold;
            }


        }
    }


@media only screen and (max-width: 768px) {

    .main-content .container{
        margin-top:20px;
    }
    .about-us-text{

        top:0;
        width:100%;
    }

    .pig,.strategy{
        .text-field{
            position:static;
            // top:0;
            // right:unset;

            width:100%;
        }
    }
    .five-value .list .item{
        width:100%;
        img{
            // width:160px;
        }
    }
}
</style>